<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>邀请返利</title>
</head>
<style>
    .y-invite-body {
        overflow-x: auto;
        min-width: 1300px;
    }
</style>

<body class="hidden y-invite-body">
    <div class="y-rebate-top">
        @@include('header.html')
        <img src="images/fanli-banner.png" class="y-banner" alt="">
        <div class="y-rebate-title">
            <p class="fs42">FindCoin 邀请超级返利</p>
            <p class="fs48">邀请用户获得高达50% 超级返利</p>
        </div>
    </div>
    <div class="y-main-content y-rebate-content">
        <div class="clearfix hidden">
            @@include('yaoqing-exchange.html')
            <div class="y-content-r">
                <div class="y-location-r">
                    我的邀请
                </div>
                <div class="y-main-content-r">
                    <div class="y-scroll-height">
                        <div class="y-rebate-step clearfix">
                            <span class="fl">邀请步骤：</span>
                            <img src="images/step.png" class="y-step-img fl" alt="">
                        </div>
                        <div class="clearfix y-invite-box">
                            <div class="fl y-invite-code">
                                <div class="clearfix">
                                    <span class="fl">您的专属邀请码：</span>
                                    <input class="y-invite-data fl" type="text" value="12556" readonly>
                                    <button class="y-btn y-lilace-btn y-plain-btn y-small-btn fl">复制</button>
                                </div>
                                <div class="clearfix mt20 y-invite-link">
                                    <span class="fl">专属邀请链接：&nbsp;&nbsp;&nbsp;</span>
                                    <input class="y-invite-data fl" type="text" value="http://www.baidu.com/dheuihduehuhhuh/" readonly>
                                    <button class="y-btn y-lilace-btn y-plain-btn y-small-btn fl">复制</button>
                                </div>
                            </div>
                            <div class="fr y-invited-box">
                                <div class="fl">
                                    <div class="y-invite-person clearfix">
                                        <img class="fl" src="images/icon/group.png" alt="">
                                        <span class="fl">15</span>
                                    </div>
                                    <div class="y-invited-remark">
                                        已邀请人数
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="y-invite-reward clearfix">
                                        <img class="fl" src="images/icon/btc.png" alt="">
                                        <span class="fl">0.000035BTC</span>
                                    </div>
                                    <div class="y-invited-remark">
                                        已获得返利佣金
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @@include('footer-js.html')
    <script type="text/javascript">
        $('.y-rebate-top .y-banner').each(function() {
            setTimeout(function() {
                rebateHeight();
            }, 200)
        });
        $(window).resize(function() {
            rebateHeight();
        })
        $('.y-scroll-height').resize(function() {
            rebateHeight();
        })

        function rebateHeight() {
            $('.y-rebate-content .y-menu,.y-rebate-content .y-menu-box,.y-rebate-content .y-content-r').css('height', $(window).height() - $('.y-rebate-top .y-banner').height() - 40);
            $('.y-rebate-content .y-main-content-r').css('height', $(window).height() - $('.y-rebate-top .y-banner').height() - 80);
            if ($('.y-scroll-height').height() > $('.y-main-content-r').height()) {
                $('.y-main-content-r').css('width', $(document).width() - 359 + 22);
            } else {
                $('.y-main-content-r').css('width', $(document).width() - 359);
            }
        }
    </script>
</body>

</html>